// nav 购物车
    $('nav').find('.shop').hover(function () {
        $(this).find('.shopping').stop().slideDown(300);
    }, function () {
        $(this).find('.shopping').stop().slideUp(300);
    })

    $('.kuang').click(function (ev) {
        ev.stopPropagation();
        $('.wenzi').hide();
        $(this).find('input').css('border-color', '#FF6700');
        $('.kuang').find('.search').css('border-color', '#FF6700');
        $('.hidden').show();
    })

    $(document).click(function () {
        $('.wenzi').show();
        $('input').css('border-color', 'lightgray');
        $('.kuang').find('.search').css('border-color', 'lightgray');
        $('.kuang').find('.hidden').hide();
    })


    // header 隐藏部分
    function changeImg() {
        $('.show').children('li').eq(index).show().siblings().hide();
    }

    $('.header-middle').children('li').hover(function () {

        index = $(this).index();
        if (index > 6) {
            $('.hide').stop().slideUp();
        } else {
            $('.hide').stop().slideDown();
            changeImg(index);
        }
    }, function () {
        $('.hide').stop().slideUp();
    })

    $('.show').children('li').mouseover(function () {
        $('.hide').stop();
    })
    $('.show').children('li').mouseout(function () {
        $('.hide').stop().slideUp();
    })

    // 轮播图

    var lis = $('.box .img').find('li');
    var circles = $('.box .circle').find('li');
    var index = 0;
    // 切换图片
    function showImg() {
        lis.eq(index).addClass('img-first')
            .siblings().removeClass('img-first');
        circles.eq(index).addClass('white')
            .siblings().removeClass('white');
    }
    // 上一张
    function prevImg() {
        index = index == 0 ? lis.length - 1 : index - 1;
        showImg();
    }
    // 下一张
    function nextImg() {
        index = index == lis.length - 1 ? 0 : index + 1;
        showImg();
    }
    var timer = setInterval(nextImg, 2000);

    // 鼠标放在图片上，停止切换
    $('.box').hover(function () {
        clearInterval(timer);
        timer = null;
    }, function () {
        if (timer == null) {
            timer = setInterval(nextImg, 2000);
        }
    })

    // 指示灯跟随鼠标切换
    circles.click(function () {
        index = $(this).index();
        showImg(index);
    })

    $('.prev').click(function () {
        prevImg();
    })
    $('.next').click(function () {
        nextImg();
    })

    // 侧边栏隐藏
    $('.side').find('li').hover(function () {
        $('.current').find('ul').eq($(this).index()).show().siblings().hide();
        $('.current').find('ul').eq($(this).index()).css('display', 'flex');
    }, function () {
        $('.current').find('ul').eq($(this).index()).hide();
    })
    $('.current').find('ul').hover(function () {
        $(this).show();
    }, function () {
        $(this).hide();
    })

    // 滑动图片
    var left = 0;
    var index = 0;
    function qiehuan() {
        $('.photo').css('left', (left + 'px'));
        if(left == 0){
        $('.btn-next').css('color','rgb(181, 181, 181)');
        $('.btn-prev').css('color','rgb(211, 211, 211)');
    }else{
         $('.btn-next').css('color','rgb(211, 211, 211)');
        $('.btn-prev').css('color','rgb(181, 181, 181)');
    }
    }
    function qiehuanImg() {
        left = left == 0 ? -1225 : 0;
        qiehuan();
    }
    function btnPrevImg() {
        left = 0;
        qiehuan();
    }
    function btnNextImg() {
        left = -1225;
        qiehuan();
    }
    var timer2 = null;
    timer2 = setInterval(qiehuanImg, 3000)

    $('.btn-click').find('.btn-prev').click(function () {
        btnPrevImg()
    })
    $('.btn-click').find('.btn-next').click(function () {
        btnNextImg()
    })
    $('.btn-click').mouseover(function () {
        clearInterval(timer2)
        timer2 = null;
    }).mouseout(function () {
        if(timer2 == null){
              timer2 = setInterval(qiehuanImg, 3000)
        }
    })
    $('.btn-prev').hover(function(){
        if(left == -1225){
            $(this).css('color','#FF6700').css('cursor','pointer');
        }else{
            $(this).css('cursor','auto');
        }
    },function(){
        if(left == -1225){
            $(this).css('color','rgb(181, 181, 181)').css('cursor','auto');
        }
    })

    $('.btn-next').hover(function(){
        if(left == 0){
            $(this).css('color','#FF6700').css('cursor','pointer');
        }else{
            $(this).css('cursor','auto');
        }
    },function(){
        if(left == 0){
            $(this).css('color','rgb(181, 181, 181)').css('cursor','auto');
        }
    })

    // main
    var photoLis = $('main .imgs-right').children('li');
    console.log(photoLis)
    photoLis.hover(function(){
        $(this).children('.tire').stop().animate({
            bottom:0
        },300)
    },function(){
        $(this).children('.tire').stop().animate({
            bottom: -76
        },300)
    })

    // main 切换图片内容
    var a = $('.TV>li').find('a');
    a.hover(function(){
        $('.imgs-right').eq($(this).index()).addClass('.imgs-right m')
        .siblings().removeClass('.imgs-right m');
        $(this).addClass('orange1').siblings().removeClass('orange1');
    })
    
    $('.imgs').find('li').hover(function(){
               $(this).css('margin-top','-2px').css('box-shadow','0 15px 20px lightgray')

    },function(){
        $(this).css('margin-top','0').css('box-shadow','none');
    })

    $('.imgs-right').find('.up').hover(function(){
            $(this).css('bottom','168px').css('box-shadow','0 15px 20px lightgray');        
    },function(){        
        $(this).css('bottom','165px').css('box-shadow','none');
    })

    $('.imgs-right').find('.bottom').hover(function(){
            $(this).css('bottom','10px').css('box-shadow','0 15px 20px lightgray');        
    },function(){        
        $(this).css('bottom','8px').css('box-shadow','none');
    })

    $('.imgs-left').hover(function(){
            $(this).css('box-shadow','0 15px 20px lightgray');        
    },function(){        
        $(this).css('box-shadow','none');
    })


    //  第二部分 切换图片内容   
     var icon = $('.ZN>li').find('a');
    icon.hover(function(){
        $('.IMG').eq($(this).index()).addClass('.imgs-right m')
        .siblings().removeClass('.imgs-right m');
        $(this).addClass('orange1').siblings().removeClass('orange1');
    })
    
    //  第三部分 切换图片内容
    var dapei = $('.DP>li').find('a');
    dapei.hover(function(){
        $('.dapei').eq($(this).index()).addClass('.imgs-right m')
        .siblings().removeClass('.imgs-right m');
        $(this).addClass('orange1').siblings().removeClass('orange1');
    })

   //  第四部分 切换图片内容
    var peijian = $('.PJ>li').find('a');
    peijian.hover(function(){
        $('.peijian').eq($(this).index()).addClass('.imgs-right m')
        .siblings().removeClass('.imgs-right m');
        $(this).addClass('orange1').siblings().removeClass('orange1');
    })
   //  第五部分 切换图片内容
    var zhoubian = $('.ZB>li').find('a');
    zhoubian.hover(function(){
        $('.zhoubian').eq($(this).index()).addClass('.imgs-right m')
        .siblings().removeClass('.imgs-right m');
        $(this).addClass('orange1').siblings().removeClass('orange1');
    })

    // 滑动切换图片2
    var test = 0;
    function gaibian() {        
        $('main').find('.photos').css('left', -1225*test);
        if(test > 0){
            $('.btn-click-bottom').find('.prev-bottom').css('color','rgb(176, 178, 183)');
        }else if(test<3){
            $('.btn-click-bottom').find('.next-bottom').css('color','rgb(176, 178, 183)');
        }
        
    }
  
    function PrevPhoto() {
        test = test <= 0 ? 0: test-1;
        gaibian();
    }
    function NextPhoto() {
        test = test >= 3  ? 3 : test+1;
        gaibian();
    }
    $('.btn-click-bottom').find('.prev-bottom').click(function () {
        // console.log(test)
        if(test==1){
            $('.btn-click-bottom').find('.prev-bottom').css('color','rgb(211, 211, 211)');
        }
        PrevPhoto();
    })
    $('.btn-click-bottom').find('.next-bottom').click(function () {
        // console.log(test)
        if(test==2){
            $('.btn-click-bottom').find('.next-bottom').css('color','rgb(211, 211, 211)');
        }
        NextPhoto();
    })

    $('.btn-click-bottom').find('.prev-bottom').hover(function(){
            if(test != 0){
                $(this).css('color','#FF6700');
            }else{
                $(this).css('cursor','auto');
            }
    },function(){
        if(test != 0){
               $(this).css('color','rgb(176, 178, 183)');
            }else{
                $(this).css('cursor','pointer');
            }
            
    })
    //  鼠标放在左右按钮上变颜色
    $('.btn-click-bottom').find('.next-bottom').hover(function(){
            if(test != 3){
                $(this).css('color','#FF6700');
            }else{
                $(this).css('cursor','auto');
            }
    },function(){
        if(test != 3){
               $(this).css('color','rgb(176, 178, 183)');
            }else{
                $(this).css('cursor','pointer');
            }
            
    })
    // 点击图片有动态
   
   



    // 热评产品
    $('.reping').children('li').hover(function(){
        $(this).css('margin-top','-2px').css('box-shadow','0 0 20px lightgray');
    },function(){
        $(this).css('margin-top','0').css('box-shadow','none');
    })



    // 内容 轮播
    var hero = 0;
    var current = $('.reping').find('.orange').find('.cover');
    var yuan = $('.reping').find('.orange').find('.yuan').children('li');
    var wcfFirst = $('.reping').find('.orange').find('.enter').find('.wcf');
    var cywFirst = $('.reping').find('.orange').find('.enter').find('.cyw');

    function home(){
        current.css('left',-296*hero);
        yuan.eq(hero).addClass('yuanquan').siblings().removeClass('yuanquan');
    }

    // 上一张
    function wcfImg() {
        hero = hero <= 0 ? 0 : hero - 1;
        home();
    }
    // 下一张
    function cywImg() {
        hero = hero >= 2 ? 2 : hero + 1;
        home();
    }
    // 指示灯跟随鼠标切换
    yuan.click(function () {
        hero = $(this).index();
        home()
    })

    wcfFirst.click(function () {
        wcfImg();
    })
    cywFirst.click(function () {
        cywImg();
    })

    // 第二部分
    var now = 0;
    var green = $('.reping').find('.green').find('.cover');
    var yuan2 = $('.reping').find('.green').find('.yuan').children('li');
    var wcfSecond = $('.reping').find('.green').find('.enter').find('.wcf');
    var cywSecond = $('.reping').find('.green').find('.enter').find('.cyw');
    function home2(){
        green.css('left',-296*now);
        yuan2.eq(now).addClass('yuanquan').siblings().removeClass('yuanquan');
    }
    yuan2.click(function () {
        now = $(this).index();
        home2()
    })
     // 上一张
    function wcfImg2() {
        now = now <= 0 ? 0 : now - 1;
        home2();
    }
    // 下一张
    function cywImg2() {
        now = now >= 3 ? 3 : now + 1;
        home2();
    }

    wcfSecond.click(function () {
        wcfImg2();
    })
    cywSecond.click(function () {
        cywImg2();
    })


    // 第三部分
    var yy = 0;
    var red = $('.reping').find('.red').find('.cover');
    var yuan3 = $('.reping').find('.red').find('.yuan').children('li');
    var wcfThird = $('.reping').find('.red').find('.enter').find('.wcf');
    var cywThird = $('.reping').find('.red').find('.enter').find('.cyw');
    function home3(){
        red.css('left',-296*yy);
        yuan3.eq(yy).addClass('yuanquan').siblings().removeClass('yuanquan');
    }
    yuan3.click(function () {
        yy = $(this).index();
        home3()
    })
     // 上一张
    function wcfImg3() {
        yy = yy <= 0 ? 0 : yy - 1;
        home3();
    }
    // 下一张
    function cywImg3() {
        yy = yy >= 2 ? 2 : yy + 1;
        home3();
    }

    wcfThird.click(function () {
        wcfImg3();
    })
    cywThird.click(function () {
        cywImg3();
    })

    // 第四部分
    var xx = 0;
    var blue = $('.reping').find('.blue').find('.cover');
    var yuan4 = $('.reping').find('.blue').find('.yuan').children('li');
    var wcfForth = $('.reping').find('.blue').find('.enter').find('.wcf');
    var cywForth= $('.reping').find('.blue').find('.enter').find('.cyw');

    function home4(){
        blue.css('left',-296*xx);
        yuan4.eq(xx).addClass('yuanquan').siblings().removeClass('yuanquan');
    }

    yuan4.click(function () {
        xx = $(this).index();
        home4()
    })
     // 上一张
    function wcfImg4() {
        xx = xx <= 0 ? 0 : xx - 1;
        home4();
    }
    // 下一张
    function cywImg4() {
        xx = xx >= 3 ? 3 : xx + 1;
        home4();
    }

    wcfForth.click(function () {
        wcfImg4();
    })
    cywForth.click(function () {
        cywImg4();
    })















